<template>
  <!-- 只能有一个根标签 -->
  <div>
    <test1></test1>
    <h1>{{ msg }}</h1>
    <h2>{{ obj.name }}</h2>
    <h3>{{ obj.age>=18 ? '成年':'未成年'}}</h3>
  </div>
</template>

<script>
//1引入要显示的vue文件
import test1 from './01-插值表达式.vue'
export default {
  //2注册主键
  //3把test1当作标签使用在结构中即可
  components:{ test1 },
  // data(){}
  data:function(){ //格式固定（组件式），定义vue数据之处
    return{
      msg:'hello vue',
      obj:{
        name:'小明',
        age:18
      }
    }
  }
}
</script>

<style scoped>
/* scoped 样式只作用于当前界面 */
</style>